﻿@{
    Layout = null;
}

<link href="~/libs/layui-v2.5.6/layui/css/layui.css" rel="stylesheet" />

<form class="layui-form layui-form-pane" action="">
    <div class="layui-form-item">
        <label class="layui-form-label">客户编码</label>
        <div class="layui-input-block">
            <input type="text"
                   name="customerCode"
                   autocomplete="off"
                   placeholder="请输入"
                   lay-verify="required"
                   class="layui-input"
                   style="width: 200px" />
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">客户名称</label>
        <div class="layui-input-block">
            <input type="text"
                   name="customerName"
                   autocomplete="off"
                   placeholder="请输入"
                   lay-verify="required"
                   class="layui-input"
                   style="width: 200px" />
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">客户简称</label>
        <div class="layui-input-block">
            <input type="text"
                   name="customerAbbreviation"
                   autocomplete="off"
                   placeholder="请输入"
                   lay-verify="required"
                   class="layui-input"
                   style="width: 200px" />
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">客户类型</label>
        <div class="layui-input-inline">
            <select name="customerType" id="customerType" lay-filter="aihao">
                <option value=""></option>

            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">客户电话</label>
        <div class="layui-input-block">
            <input type="text"
                   name="customerPhone"
                   autocomplete="off"
                   placeholder="请输入"
                   lay-verify="required"
                   class="layui-input"
                   style="width: 200px" />
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">联系人</label>
        <div class="layui-input-block">
            <input type="text"
                   name="contactName"
                   autocomplete="off"
                   placeholder="请输入"
                   lay-verify="required"
                   class="layui-input"
                   style="width: 200px" />
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">联系人电话</label>
        <div class="layui-input-block">
            <input type="text"
                   name="contactPhone"
                   autocomplete="off"
                   placeholder="请输入"
                   lay-verify="required"
                   class="layui-input"
                   style="width: 200px" />
        </div>
    </div>
    <div class="layui-form-item" pane>
        <label class="layui-form-label">是否有效</label>
        <div class="layui-input-block">
            <input type="radio" name="state" value="true" title="是" checked />
            <input type="radio" name="state" value="false" title="否" />
        </div>
    </div>
    <div class="layui-form-item">
        <button class="layui-btn" lay-submit lay-filter="demo2">确认</button>
        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
</form>

<script src="~/libs/jquery/jquery.js"></script>
<script src="~/libs/layui-v2.5.6/layui/layui.js"></script>

<script>
    layui.use(['form'], function () {
      var form = layui.form;
      var layer = layui.layer;
      // 提交事件
      form.on('submit(demo2)', function (data) {
        var field = data.field; // 获取表单字段值

            $.ajax({
                        url:"/CustomerManagement/AddCustomerManagement",
                        data:field,
                        type:"post",
                        dataType:"json",
                        success:function(res){
                            console.log(res)
                            if(res>0)
                            {
                               alert("添加成功")
                               // 刷新父页面表格
                                parent.layui.table.reload('ID-table-demo-theads-2');
                                // 关闭弹窗
                                var index = parent.layer.getFrameIndex(window.name);
                                parent.layer.close(index);
                            }
                            else
                            {
                                alert("添加失败")
                            }
                        }
                    })
        return false; // 阻止默认 form 跳转
      });

      var funtable = function(){
            $.ajax({
                url: "/CustomerManagement/GetDictItem",
                type: "get",
                dataType: "json",
                success: function (res) {
                    console.log(res.data)
                    var data = res.data.result;
                    var html = "";
                    for (var i = 0; i < data.length; i++) {
                        html += "<option value='" + data[i].sortId + "'>" + data[i].dictItemName + "</option>";
                    }
                    $("#customerType").html(html);
                    form.render('select');
                }
            });
       }

        funtable()

        

    });
</script>

